<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <meta name="apple-mobile-web-app-capable" content="yes"> -->
    <!-- <meta name="apple-touch-fullscreen" content="yes"> -->
    <!-- <meta name="format-detection" content="telephone=no"> -->
    <title><!--{$title}--></title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/common.css"/>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=JP-Z&nickName=八字精批-支付页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <style>
        .bzjp_zf_container{padding:0.1rem 0.1rem 1.2rem;background:#cb2316;}
       .bzjp_zf_top{
           background:url('__PUBLIC__/images/bzjp_img/CYZ_zf_bg.png') no-repeat;
           background-size:100% 100%;
           margin-bottom: 0.2rem;
           position: relative;
       }
       .head_img{
           width: 3rem;
           height:4.6rem;
           background:url('__PUBLIC__/images/bzjp_img/CYZ_zf_head.png') no-repeat;
           background-size:100% 100%;
           position: absolute;
           right:0.3rem;
           top:0.2rem;
       }
       .public_box{
            background:url('__PUBLIC__/images/bzjp_img/CYZ_zf_bg2.png') no-repeat;
            background-size:100% 100%;
            margin-top:0.2rem;
       }
       .public_box2{
        background:url('__PUBLIC__/images/bzjp_img/CYZ_zf_bg.png') no-repeat;
            background-size:100% 100%;
            margin-top:0.2rem;
       }
       .redColor{color:#f73232;font-size:0.3rem;font-weight:bold;}
       .bzjp_zf_content{
           width:50%;
           padding-top:0.5rem;
           margin-left:0.4rem;
       }
       .bzjp_color{color:#f73232;}
       .bzjp_zf_content p{font-size:0.28rem;color:#333333;}
       .bzjp_zf_content p.orderMoney{font-size:0.24rem;color:#333333;padding-top:0.14rem;padding-bottom: 0.2rem;text-align: center;}
       .ljck_btn{
           background-color:#f73232;
           font-size:0.36rem;
           color:#ffffff;
           text-align: center;
           border-radius: 0.7rem;
           height:0.8rem;
           line-height: 0.8rem;
           width:80%;
           box-shadow: 0 0.06rem 0 #c21717;
           -webkit-box-shadow: 0 0.06rem 0 #c21717;
           -ms-box-shadow: 0 0.06rem 0 #c21717;
            background:linear-gradient(#f73232,rgb(240, 111, 111));
            background:-webkit-linear-gradient(#f73232,rgb(240, 111, 111));
            background:-ms-linear-gradient(#f73232,rgb(240, 111, 111));
           margin:0 auto;
           animation: moob 1s infinite ease-in-out;
           -webkit-animation: moob 1s infinite ease-in-out;
           -ms-animation: moob 1s infinite ease-in-out;
        }
        @keyframes moob{
            0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
            50%{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
            100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
        }
        .bzjp_zf_time{font-size:0.24rem;color:#333333;padding:0.2rem 0;text-align: center;}
        .bzjp_zf_center{background-color:#ffffff;padding:0.2rem;}
        .bzjp_zf_center_bg{
            background:url('__PUBLIC__/images/bzjp_img/img_mohu.png') no-repeat;
            background-size:100% 100%;
            box-sizing: content-box;
            background-color:#ffffff;
            min-height:8.84rem;
            color:#333333;
            text-align: center;
            position: relative;
        }
        .bzjp_zf_center_title{padding-top:0.2rem;font-size:0.48rem;}
        .bzjp_zf_center_lineNum{font-size:0.27rem;padding-top:0.3rem;padding-bottom: 0.4rem;}
        .bzjp_zf_center_bg .zf_line{width:85%;margin:0 auto;font-size:0.27rem;text-align: left;margin-bottom: 0.1rem;line-height: 0.5rem;}
        .bzjp_zf_center_bg .J_btn{width:75%;margin:0.4rem auto 0;}
        .zengs{margin-top:0.3rem;}
        .bzjp_zf_center_bg .J_btn img{vertical-align: middle;}
        .bzjp_zf_center_foot{font-size:0.28rem;color:#000000;position: absolute;width:100%;bottom:0.3rem;}

        .bzjp_zf_foot_title{
            font-size:0.32rem;color:#333333;
            padding:0.6rem 0;
            text-align: center;
        }
        .bzjp_zf_foot_title::before,.bzjp_zf_foot_title::after{
            content:'';
            background:url('__PUBLIC__/images/bzjp_img/img_icon.png') no-repeat;
            background-size:100% 100%;
            width:0.4rem;
            height:0.4rem;
            display:inline-block;
            vertical-align: middle;
        }
        .bzjp_zf_foot_title::before{margin-right:0.2rem;}
        .bzjp_zf_foot_title::after{margin-left:0.2rem;}


        .bzjp_zf_foot_list{}
        .bzjp_zf_foot_list li{list-style: none;padding-bottom: 0.6rem;}
        .bzjp_zf_foot_list li h3{
            font-size:0.32rem;
            color:#333333;
            font-weight: 600;
            padding-bottom: 0.3rem;
        }
        .bzjp_zf_foot_list li h3::before{
            content: '';
            width:0.30rem;
            height:0.34rem;
            display: inline-block;
            margin-right:0.4rem;
            background:url('__PUBLIC__/images/bzjp_img/img_sanjiao icon.png') no-repeat;
            background-size:100% 100%;
            vertical-align: middle;
        }
        .bzjp_zf_foot_list li p{font-size:0.27rem;margin-bottom: 0.12rem;}
        .bzjp_zf_foot_list li p:last-child{margin-bottom:0; }
        .bzjp_zf_fiexd_btn{
            position: fixed;
            bottom: 0;
            left:0;
            width: 100%;
            z-index: 33;    
        }
        .btn_bg{
            background:url('__PUBLIC__/images/bzjp_img/pngimg_btn_xuanfu.png') no-repeat;
            background-size:100% 100%;
            height:1rem;
            width:7.3rem;
            margin:0 auto;
        }
        .btn_bg-wrap{
            width: 7.5rem;
            margin: 0 auto;
            position: fixed;
            bottom: 0;
            height: 1.5rem;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgba(0,0,0,0.5);
        }
        .btn_bg-wrap img{
            width: 7.30rem;
            height: 1.00rem;
            border-radius: .10rem;
        }
        /* 6-13算命术 */
        .ms_container{background-color:#ffffff;margin-top:0.2rem;}
        .ms_wrap{padding:0.3rem 0.2rem;}
        .ms_title{
            width:6rem;
            height:0.6rem;
            border:2px solid #cb2316;
            border-radius:0.35rem;;
            line-height: 0.6rem;
            text-align: center;
            font-weight: bold;
            font-size:0.3rem;
            color:#cb2316;
            font-family: PingFangSC-Semibold, sans-serif;
            margin:0 auto 0.2rem;
        }
        .ms_title2{
            width:2.94rem;
            height:0.6rem;
            line-height: 0.6rem;
            font-weight: bold;
            border:2px solid #cb2316;
            border-radius:0.35rem;;
            text-align: center;
            font-size:0.3rem;
            color:#cb2316;
            font-family: PingFangSC-Semibold, sans-serif;
            margin:0 auto 0.2rem;
        }
        .s_wrap2{
            background:url('__PUBLIC__/images/bzjp_img/CYZ_zf_mf.png') no-repeat;
            background-size:100% 100%;
            min-height: 3.26rem;
            position: relative;
        }
        .ms_btn{
            width:5.3rem;
            height:0.8rem;
            position: absolute;
            top:50%;
            left:50%;
            background: url('__PUBLIC__/images/bzjp_img/CYZ_zf_ms.png') no-repeat;
            background-size:100% 100%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);;
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -webkit-tap-highlight-color: transparent;
        }
        .s_wrap p{font-size:0.26rem;color:#333333;text-align: center;line-height: 0.52rem;padding:0 0.2rem;}
    </style>

    <style>
        .common-title.top-title{
            margin-top: .2rem;
            margin-bottom: 0.32rem;
        }
        .user-brief{
            width: 7.22rem;
            height: 2.26rem;
            background: url('__PUBLIC__/images/bzjp_img/v4/img_dashi.png') no-repeat center center;
            background-size: 100% 100%;
            margin: 0 auto;
            padding-top: .3rem;
            padding-left: .2rem;
            box-sizing: border-box;
                
            }
            .user-brief .name,.user-brief .brief{
                width: 4.92rem;
            }
            .user-brief .brief{

                font-size: .32rem;
                line-height: .4rem;
                text-align: justify;
            }
        .mingshi-wrap{
            width: 6.62rem;
            height: 5.4rem;
            margin: 0 auto 1rem;
            background: url('__PUBLIC__/images/bzjp_img/v4/img_TP8.png') no-repeat center center;
            background-size: 100% 100%;
            display: flex;
            justify-content: center;
            padding-top: 1.7rem;
            padding-left: 0.7rem;
            box-sizing: border-box;
        }
        .mingshi{
            font-size: .2445rem;
            color: #333333;
            margin-left: -.5rem;
            margin-top: -.3rem;
            line-height: .53333rem;
            transform: scale(0.9);
        }
        .bg-wrap{
            background-color: #CB2316;
            padding: .21rem .14rem;
            background-color: #FFF7EB;
            box-sizing: border-box;
        }
        .pi-wrap{
            position: relative;
            background-color: #FFF7EB;
            /* border:2px solid #F38600; */
            box-sizing: border-box;
        }
        .poa-img{
            width: 7.3rem;
            position: absolute;
            left: 50%;
            margin-left: -3.65rem;
        }
        .top-poa{
            top: -.7rem;
        }
        .bot-poa{
            bottom: -.7rem;
        }
        .common-title{
            padding: .1rem .03rem;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .common-title .title{
            font-size: .32rem;
            color: #333333;
            padding-left: .1rem;
            padding-right: 0.1rem;
            font-weight: 600;
            margin: 0 .2rem;
        }
        .common-title .common-title-img{
            display: block;
            width: 0.84rem;
            height: 0.26rem;
            padding-top: 0.1rem;

        }
        .common-title .common-title-img:last-child{
            transform:scale(-1,1)
        }
        .m-tlt{
            margin-top: 0.3rem;
            margin-bottom: 0.3rem;
        }
        .img-item{
            display: block;
            width: 6.62rem;
            height: auto;
            margin: 0 auto .2rem;
        }
        .bzjp_zf_time{font-size:0.24rem;color:#333333;padding:0.2rem 0;text-align: center;}

        .taocan-wrap{
            display: flex;
            justify-content: space-around;

        }
        .taocan{
            width: 3.41rem;
            height: 3.94rem;
            border:.02rem solid #DFC7B2;
            border-radius: .1rem;
            position: relative;
        }
        .taocan img.selected{
            display: none;
            width: .85rem;
            height: 0.85rem;
            position: absolute;
            right: 0;
            bottom: 0;
        }
        .taocan.pt{
            background: url('__PUBLIC__/images/bzjp_img/v4/pt2.png') no-repeat center center;
            background-size: 100% 100%;
        }
        .taocan.hh{
            background: url('__PUBLIC__/images/bzjp_img/v4/hh1.png') no-repeat center center;
            background-size: 100% 100%;
        }
        .taocan.active{
            border-color:#CB8B8D;
        }
        .taocan.active img.selected{
            display: block;
        }
        .taocan-recom{
            font-size: .24rem;
            width: 100%;
            margin: .1rem 0;
	        color: #333333;
        }
        .taocan-recom .red{
            color: #e63851;
        }
        /* .taocan pt
        .taocan hh active  */
    </style>
</head>
<body>
    <include file="Public/header"/>
    <div class="bg-wrap">
            <div class="pi-wrap">
                    <!-- <img src="__PUBLIC__/images/bzjp_img/v2/img_tou.png" alt="" class="top-poa poa-img"> -->
                    <div class="content">
                        
                        <div class="user-brief">
                            <div class="name redColor"><if condition="$znickname eq '匿名'">您好<else /><!--{$znickname}--></if>：</div>
                            <div class="brief">您的出生日期是 <span class="redColor"><!--{$datetype}--></span>,八字为<span class="redColor"><!--{$sizhu[0]}--> <!--{$sizhu[1]}--> <!--{$sizhu[2]}--> <!--{$sizhu[3]}--></span>
                                <!-- 。以下是您的八字人生分析预测。神准！<span class="redColor">近期年底到2019年您会有一些大的变化遭遇，一定要认真看！</span> -->
                            </div>
                        </div>
                        <div class="common-title top-title">
                            <img src="__PUBLIC__/images/bzjp_img/v4/img_yun.png" alt="" class="common-title-img">
                            <span class="title">您的订单已成功提交</span>
                            <img src="__PUBLIC__/images/bzjp_img/v4/img_yun.png" alt="" class="common-title-img">
                        </div>
                        <!-- 套餐选择 -->
                        <div class="taocan-wrap">
                            <div class="taocan pt active">
                                <img class='selected' src="__PUBLIC__/images/bzjp_img/v4/selected.png" alt="">
                            </div>
                            <div class="taocan hh ">
                                <img class='selected' src="__PUBLIC__/images/bzjp_img/v4/selected.png" alt="">
                            </div>
                        </div>
                        <div class="taocan-recom">
                            根据您的四柱八字特点。近期2019下半年有一些大的变化遭遇，梁真老师建议选择<span class="red">八字精批豪华套餐</span>，把握机遇改变人生！
                        </div>
                        <!--支付按钮-->
                        <include file="Public/zhifu_paywrap" />
                        <p class="bzjp_zf_time">距优惠结束:&nbsp;&nbsp;<span class="bzjp_color" id="timestr">01:59:59</span></p>
                        <div class="common-title m-tlt">
                                <img src="__PUBLIC__/images/bzjp_img/v4/img_yun.png" alt="" class="common-title-img">
                            <span class="title">支付后，您将获得以下重要内容</span>
                            <img src="__PUBLIC__/images/bzjp_img/v4/img_yun.png" alt="" class="common-title-img">
                        </div>


                        <img class='img-item J_payShow' src="__PUBLIC__/images/bzjp_img/v2/1.png" alt="" data-id="count01">
                        <div class="common-title">
                                <img src="__PUBLIC__/images/bzjp_img/v4/img_yun.png" alt="" class="common-title-img">
                            <span class="title">同时梁真大师将为您详尽解析 </span>
                            <img src="__PUBLIC__/images/bzjp_img/v4/img_yun.png" alt="" class="common-title-img">
                        </div> 
                        <img style="margin-top:.1rem;" class='img-item J_payShow' src="__PUBLIC__/images/bzjp_img/v2/2.png" alt="" data-id="count02">
                        <img class='img-item J_payShow' src="__PUBLIC__/images/bzjp_img/v4/img_TP1.png" alt="" data-id="count03">
                        <img class='img-item J_payShow' src="__PUBLIC__/images/bzjp_img/v4/img_TP2.png" alt="" data-id="count03">
                        <img class='img-item J_payShow' src="__PUBLIC__/images/bzjp_img/v4/img_TP3.png" alt="" data-id="count03">
                        <img class='img-item J_payShow' src="__PUBLIC__/images/bzjp_img/v4/img_TP4.png" alt="" data-id="count03">
                        <img class='img-item J_payShow' src="__PUBLIC__/images/bzjp_img/v4/img_TP5.png" alt="" data-id="count03">
                        <img class='img-item J_payShow' src="__PUBLIC__/images/bzjp_img/v4/img_TP6.png" alt="" data-id="count03">
                        <img class='img-item J_payShow' src="__PUBLIC__/images/bzjp_img/v4/img_TP7.png" alt="" data-id="count03">
                        <div class="mingshi-wrap J_payShow" data-id="count09">
                            <div class="mingshi">
                                <div class="mingshi-item">生身出处雀离巢，飞向青松立树梢，学问不求终是去，</div>
                                <div class="mingshi-item">箕裘重整未为抛。云迷雁阵飞难续，雨打鸳鸯颈不交，</div>
                                <div class="mingshi-item">骨肉亲情难共处，艰辛尽是命中招。栽花种果待时来，</div>
                                <div class="mingshi-item">待到斜阳月上台，初事莫嫌成又破，田园花木喜重开。</div>
                            </div>
                        </div>
                    </div>
                    <!-- <img src="__PUBLIC__/images/bzjp_img/v2/img_d.png" alt="" class="bot-poa poa-img"> -->
                </div>
    </div>
    
    





    <!-- 悬浮按钮 -->
    <div data-id="count03" class="bzjp_zf_fiexd_btn J_payShow"><div class="btn_bg-wrap">
        <img src='__PUBLIC__/images/bzjp_img/pngimg_btn_xuanfu.png' alt="">
    </div></div>
    <!-- 支付弹窗 -->
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥<!--{$Think.cookie.price}-->元</strong>
            </div>
            <div class="public_pay_box">

                <!-- 支付弹窗 -->
                <include file="Public/zhifu_Popup" />

            </div>
        </div>
    </div>
    <!-- 抵用券 -->
    <include file="Public/coupon"/>
    <!-- 返回弹窗 -->
    <include file="Public/zhifu_share"/>

    <include file="Public/qudao135zhifu"/>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script>
        // H5支付事件
        var ispress = true;

        $('.wxpay').on('click',function(){
            payMoney('wx')
        })
        $('.alipay').on('click',function(){
            payMoney('zfb')
        })
        setInterval(function(){
            $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->",function(data){//回调入库
                $('#timestr').text(data);
            });
        },1000);
        function payMoney(payType){
            if(ispress){
                ispress = false;
                layer.load();
                if(payType == "wx"){
                    layer.closeAll('loading');
                    window.location.href="<!--{:U('Bzjp/paywx','',false)}-->";
                }else if(payType == "zfb"){
                    layer.closeAll('loading');
                    $.getJSON("<!--{:U('Index/getPayZfbUrl','',false)}-->",function(data){if(data.url){location.href=data.url;}else{window.location.href = "<!--{:U('Index/jumpPayZfb','',false)}-->";}});
                }
                setTimeout(function(){
                    layer.closeAll('loading');
                },30000)
                setTimeout(function(){
                    ispress = true;
                },2000)
            }else{
                console.log('您不能重复发起支付')
            }
        }

        //该页面改变价格
        $.getJSON("<!--{:U('Bzjp/changePrice','',false)}-->",{price:'38'},function(data){
        });

        // 套餐类别 1 普通 2 豪华default
        sessionStorage.setItem('taocan',2)
        $('.taocan').on('click',function(e){
            $('.taocan').each(function(index,val){
                console.log('val')
                console.log(val)
                $(val).removeClass('active')
            })
            $(this).addClass('active')
            if(/pt/.test($(this).attr('class'))){
                console.log('普通套餐')
                $.getJSON("<!--{:U('Bzjp/changePrice','',false)}-->",{price:'38'},function(data){//改变价格
                });
                sessionStorage.setItem('taocan',1)
            }else{
                console.log('豪华套餐')
                $.getJSON("<!--{:U('Bzjp/changePrice','',false)}-->",{price:'58',remark:'HH'},function(data){//改变价格
                });
                sessionStorage.setItem('taocan',2)
            }
        })
        var ordernum="<!--{$Think.cookie.orderid}-->";
        var QTTopenid="<!--{$Think.cookie.QTTopenid}-->";
        var channel="<!--{$channel}-->";
        var isSwitchPay = "<!--{$Think.cookie.MultiplePayNum}--> " // 是否使用赞赏支付模式
        $('.J_payShow').on('click',function(){//悬浮付费解锁所有项
            var count=$(this).attr('data-id');
            var wxlogin='<!--{$Think.cookie.wxlogin}-->';
            switch (count) {
                case 'count01':
                    //八字分析详细
                break;
                case 'count02':
                    //八字排盘
                break;
                case 'count03':
                    //性格分析
                break;
                case 'count04':
                    //一生财运分析
                break;
                case 'count05':
                    //情感走势
                break;
                case 'count06':
                    //事业成就
                break;
                case 'count07':
                    //健康
                break;
                case 'count08':
                    //流月
                break;
                case 'count09':
                    //命诗
                break;
            }
            // if(count=='count01'){//立即查看
            //     $.getJSON("<!--{:U('Index/fufeiyeLjcs','',false)}-->",{csName:'JP'},function(data){//立即查看统计
            //     });
            // }else if(count=='count02'){
            //     $.getJSON("<!--{:U('Index/fufeiyeJsan','',false)}-->",{csName:'JP'},function(data){//解锁查看统计
            //     });
            // }else if(count=='count03'){//悬浮按钮
            //     $.getJSON("<!--{:U('Index/fufeiyeXfan','',false)}-->",{csName:'JP'},function(data){//悬浮按钮统计
            //     });
            // }

            if(channel=='qudao245'&&QTTopenid!=''){//趣头条支付
                payMoney245();exit;
            }else if(channel=='appaidou'){//爱豆支付
                aidouPay();exit;
            }
            zhifuPopup();

            if(parseInt(isSwitchPay) !== 1){
                if (wxlogin == 1) {
                    $(".weixinzf").click();
                }else{
                    $('#publicPayPopup').show();
                }
            }

        })

        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').hide();
        })

        setInterval(function(){
            $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->",function(data){//回调入库
                $('#timestr').text(data);
            });
        },1000);

        var wxlogin="<!--{$wxlogin}-->";
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
            timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
            nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
            signature: '<!--{$signature}-->',// 必填，签名，见附录1
            jsApiList: [
                'checkJsApi',
                'openLocation',
                'getLocation',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'scanQRCode'
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        wx.ready(function () {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
            // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
            wx.onMenuShareAppMessage({
                title: '台湾周易大师一对一帮您转运！八字测算趋利避害', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出您的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助您在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                    $.getJSON("<!--{:U('Bzjp/wxShare','',false)}-->",function(data){//回调入库
                    });
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareTimeline({
                title: '台湾周易大师一对一帮您转运！八字测算趋利避害', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出您的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助您在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                    $.getJSON("<!--{:U('Bzjp/wxShare','',false)}-->",function(data){//回调入库
                    });
                }

            });

            wx.onMenuShareQQ({
                title: '台湾周易大师一对一帮您转运！八字测算趋利避害', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出您的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助您在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareQZone({
                title: '台湾周易大师一对一帮您转运！八字测算趋利避害', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出您的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助您在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareWeibo({
                title: '台湾周易大师一对一帮您转运！八字测算趋利避害', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出您的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助您在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.error(function (res) {
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
            });

        });

        $(".weixinzf").on('click',wxzf);
        function wxzf(){
            $.getJSON("<!--{:U('Index/bzjpReturn','',false)}-->",{csName:'JP'},function(data){//点击回调入库

            });
            WeixinJSBridge.invoke(
                    'getBrandWCPayRequest', {
                        "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                        "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                        "nonceStr":"<!--{$nonceStr}-->", //随机串
                        "package":"<!--{$package}-->",
                        "signType":"<!--{$signType}-->",         //微信签名方式：
                        "paySign":"<!--{$paySign}-->" //微信签名
                    },
                    function(res){
                        if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                            location.href="<!--{:U('Bzjp/jieguoye','',false)}-->?ordernum=<!--{$Think.cookie.orderid}-->";
                        }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                    }
            );
        }
    </script>
    <!-- <script src="//cdn.jsdelivr.net/npm/eruda"></script>
    <script>
      eruda.init()
    </script> -->
    <style>
        html,body{
            overflow-y: scroll !important;
        }
        body{
          position: relative !important;
          top:0 !important;
      }
        </style>
</body>
</html>